@charset "UTF-8";
/* CSS Document */
body{ margin:0; padding:0px;}
div,a,p,h1,h2,h3,span,ul,li,img,form{margin: 0;padding: 0;border: none;list-style: none;text-decoration: none;background: none; color:#858383;}
.all{ width:1040px; height:auto; background:url(../img/photo5.1_05.jpg) repeat; margin:0 auto;}
 .article{width: 1040px;height: auto; overflow:hidden;}
 .clear{ clear:both;}
 .yellow{ color:#e8c502; border-color:e8c502;}
/*head*/
.active{ color:#e8c502;}
#head{width: 100%; height: 167px;margin: 0 auto;} 
  .top{height: 18px;width: 100%;background:url(../img/photo5.1-3_02.jpg) repeat-x; margin-top:0; position:relative;}
   #light1{ width:60px; height:54px; position:absolute;  left:280px; background:url(../img/photo5.1-3_03.jpg); z-index:999}
   #light2{ width:60px; height:54px; position:absolute;  left:400px; background:url(../img/photo5.1-3_03.jpg); z-index:999}
   #light3{ width:60px; height:54px; position:absolute;  left:520px; background:url(../img/photo5.1-3_03.jpg); z-index:999}
   #light4{ width:60px; height:54px; position:absolute;  left:640px; background:url(../img/photo5.1-3_03.jpg); z-index:999}
   #light5{ width:60px; height:54px; position:absolute;  left:760px; background:url(../img/photo5.1-3_03.jpg); z-index:999}
 
  #nav-main{ height:116px;  width:100%; margin:0 auto;}
   #logo{ width:243px; height:116px; margin-left:47px; float:left;}
   #country{ float:right; margin-top:60px;}
     #country li{ float:left; height:44px; width:49px; margin:0 2px; font-size:12px; text-align:center;}
       #country li a img{ width:42px; height:23px;}
    #title{float:right; font-size:12px; margin-right:24px; margin-top:85px;}
 
 #nav{ width:932px; height:33px; margin:0 auto; background:url(../img/photo5.1_14.jpg) repeat-x;}
  #nav-left{ width:47px; height:33px; background:url(../img/photo5.1_13.jpg); float:left;}
  #nav-right{ width:47px; height:33px; background:url(../img/photo5.1_17.jpg); float:right;}
   #nav-content li{ float:left; height:33px; width:90px; text-align:center; font-size:16px;}
     #nav-content li a{ height:33px; width:90px; display:block; padding-top:10px;}
	 #nav-content li a:hover{ border-top:5px solid #e8c502;padding-top:5px;}
	 #nav-content li #active{border-top:5px solid #e8c502; padding-top:5px; }
/*head-end*/

/*content*/
.content{ width:906px; height:auto; margin:0 auto;}
  .title{ width:900px; height:53px; margin:9px auto; background:url(../img/photo5_28.jpg) repeat-x scroll bottom left;}
   #icon{ width:112px; height:50px; background:url(../img/photo5.1-3_09.jpg) no-repeat; float:left; margin-left:27px; margin-top:1px; display:block;}
   #site{ float:right; margin-top:25px; display:block;}
   
  .left{ width:235px; height:auto; float:left;}
  	.left1{ width:235px; height:228px; background:url(../img/photo5.1-3_21.jpg) repeat-y; position:relative;}
		#jd{ position:absolute; top:17px; left:-8px; width:138px; height:33px; background:url(../img/photo5.1-3_16.jpg) no-repeat; z-index:999;}
		.top-1{ width:235px; height:22px; float:left; background:url(../img/photo5.1-3_13.jpg) no-repeat;}
		.cont-1{ width:235px; height:184px; float:left;}
			.cont-1 form{ width:230px; height:125px; background:url(../img/photo5.1-3_30.jpg) no-repeat; margin:12px 0 0 1px; padding:12px 0 0 3px;}
			.line-i{ width:232px; height:2px; background:url(../img/photo5.1-3_24.jpg) no-repeat; overflow:hidden; display:block; margin-left:1px; margin-top:38px;}
			#city,#attractions{ width:206px;  margin:10px; auto; display:block; font-size:12px; padding:5px 0;}
		.bott-1{width:235px; height:22px; float:left; background:url(../img/photo5.1-3_43.jpg) no-repeat;}
	.left2{width:235px; height:auto; float:left; margin-top:9px;}	
		.top2{ width:235px; height:9px; background:url(../img/photo5_57.jpg) repeat-x; overflow:hidden;}
			.wn{ width:9px; height:9px; float:left; background:url(../img/photo5_56.jpg) no-repeat;}
			.en{width:9px; height:9px; float:right;background:url(../img/photo5.1_59.jpg) no-repeat;}
		.cont2{ width:235px; height:241px !important; height:236px; background:url(../img/photo5_60.jpg) repeat-y; padding-top:15px;}	
			.map{ width:229px; height:154px; margin:0 auto; }
				.map img{width:227px; height:154px; border:1px solid #ccc;}
			.cont2 span{height:26px !important; height:22px; padding-left:36px; display:block; margin:3px auto; line-height:26px !important; line-height:22px;}	
			#add{ background:url(../img/photo5.1-3_50.jpg) 15px -1px no-repeat;}
			#hotel{ background:url(../img/photo5.1-3_76.jpg) 15px 2px no-repeat !important;background:url(../img/photo5_70.jpg) 15px -1px no-repeat;}
		.bott2{width:235px; height:9px; background:url(../img/photo5_63.jpg) repeat-x; overflow:hidden;}
			.ws{ width:9px; height:9px; float:left; background:url(../img/photo5.1_62.jpg) no-repeat; }
			.es{ width:9px; height:9px; float:right; background:url(../img/photo5.1_62-07.jpg) no-repeat;}
			
  .right{width:661px; height:auto; float:left; margin-left:9px; position:relative;}
  		#poto{ width:114px; height:48px;position:absolute; top:0; left:41px; background:url(../img/photo5_42.jpg) no-repeat; z-index:99;}
		.right-top{ height:9px; width:100%; background:url(../img/photo5_57.jpg) repeat-x; overflow:hidden;}	
		.right-cont{ height:493px; width:100%; background:url(../img/photo5.1_44.jpg) repeat-y;}
			.right-title{ height:43px !important; height:36px; width:472px; float:right; display:block; background:url(../img/photo5.1_47.jpg) scroll bottom left no-repeat; line-height:62px !important; line-height:36px; text-align:right; padding-right:30px; margin-right:1px;}
			.swind{ width:460px; float:left; margin-left:7px;}
				#name{ font-size:18px; color:#333; padding:26px 0 7px 31px;}
				#windows{ width:455px; height:306px; margin:0 auto;}
					.windows-top{ width:100%; height:7px; background:url(../img/photo25_07.jpg) repeat-x; overflow:hidden;}
						.wn2{ width:7px; height:7px; float:left; background:url(../img/photo25.1_06.jpg) no-repeat;}
						.en2{ width:7px; height:7px; float:right; background:url(../img/photo25_09.jpg) no-repeat;}
					.windows-ctnt{ width:100%; height:292px; background:url(../img/photo25_11.jpg) repeat-y; position:relative;}
						#caption{width:434px; height:55px; padding:4px;position:absolute; bottom:-2px !important; bottom:3px; left:6px; background:#999;filter: alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
							#caption span{ color:#FFF; display:block; width:435px; padding-top:3px;}
							.windows-ctnt img{ padding-left:6px; width:442px; height:294px;}
					.windows-bott{width:100%; height:7px; background:url(../img/photo25_14.jpg) repeat-x; overflow:hidden;}
						.ws2{width:7px; height:7px; float:left; background:url(../img/photo25_13.jpg) no-repeat;}
						.es2{width:7px; height:7px; float:right; background:url(../img/photo25_16.jpg) no-repeat;}
				 #win-bott{ width:455px; height:82px; margin:5px auto 0; background:url(../img/photo5_53.jpg) bottom left no-repeat;}
				 	#t-left{ width:21px; height:27px; float:left; background:url(../img/photo5_26.jpg) no-repeat; display:block; margin-top:28px;}
					#t-right{width:21px; height:27px; float:right; background:url(../img/photo25_28.jpg) no-repeat; display:block; margin-top:28px;}
					#trundle li{ float:left; margin:9px; height:60px; border:2px solid;}
						#trundle li img{height:60px; width:60px;}
			.pho-list{ width:180px; float:left; margin-left:3px; padding-top:48px;}
					.pho-list ul li{ float:left; margin:6px 4px 3px 11px; border:2px solid; padding:3px; height:60px; display:inline;}
						.pho-list li img{ width:60px; height:60px;}
		.right-bott{height:9px; width:100%; background:url(../img/photo5_63.jpg) repeat-x; overflow:hidden;}	
  
/*foot*/
.foot{ width:960px; margin:15px auto 0; position:relative;}	
   
   .cal{ width:166px; height:38px; border:1px solid #dadcd4; position:absolute; right:30px; top:-16px; background:url(../img/5i_68.jpg) no-repeat scroll 127px 1px;} 
   .foot span{ font-size:14px; color:#616160; margin-left:103px;}
   .line{ width:960px; height:3px; background:url(../img/5i_58.jpg) repeat-x; display:block; overflow:hidden; margin:0 auto;}	
   #uq{ margin:20px auto 0; width:360px;}  
    #uq li{ float:left; font-size:12px; margin:3px;}
   #infor{ margin:0 auto ; width:383px; height:30px}	
    #infor li{ float:left; font-size:12px; margin:10px; position:relative;}
	.vertical{ width:1px; height:10px; background:#d0cec6; display:block; position:absolute; right:-11px; top:1px;}
	
	 .info-pho{ width:142px; height:63px; margin:0 auto;}	